<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://localhost:63342/gis/arcgis_js_api/library/3.14/dijit/themes/claro/claro.css" />
    <link rel="stylesheet" href="http://localhost:63342/gis/arcgis_js_api/library/3.14/esri/css/esri.css" />
    <script src="http://localhost:63342/gis/arcgis_js_api/library/3.14/init.js"></script>
</head>
<body>
<div id="map" style="width: 900px; height: 800px;">

</div>
</body>
<script>
    var map;

    require([
        "esri/map",
        "esri/layers/ArcGISTiledMapServiceLayer",
        "dojo/domReady!"
    ], function (
        Map,ArcGISTiledMapServiceLayer
    ) {

        map = new Map("map", {
            //basemap: "topo",
            center: [120, 36.5],
            zoom: 7
        });
        var layer = new ArcGISTiledMapServiceLayer("http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer")
        map.addLayer(layer)

    });
</script>
</html>